<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //set方法
        const m = new Map();
        //使用set添加新成员，键如果已经存在，后面添加的键值对覆盖已有的
        m.set('age', 18).set(true, 'true').set('age', 22)
        console.log(m);

        //get
        console.log(m);
        console.log(m.get('age')); //22
        console.log(m.get(true)); //true
        //get获取到不存在的成员 返回undefined
        console.log(m.get('name')); //undefined

        //has
        console.log(m.has('age')) //true
            //使用delete删除不存在的成员什么都不发生也不报错
        m.delete('name');

        //clear一键删除
        // m.clear();
        // console.log(m)

        //forEach
        m.forEach(function(value, key, map) {
            console.log(value, key, map)
            console.log(this); //#document
        }, document)

        // 属性size
        console.log(m.size) //2
    </script>
</body>

</html>